<template>
    <div class="content-container">
        <div class="title">新伊甸研究所</div>
        <section>
            <h2>概述</h2>
            <p>
                奇点战争前建立的组织，其目的为探索AI的极限，疑似由兰心组织并建立，其结局为创造出了引爆奇点战争的AI：主脑。
            </p>
        </section>

        <section>
            <h2>关联词</h2>
            <div class="term">
                <p>
                    兰心，弗兰，云山博士，阿尔伯特·莫比乌斯，Tidi，Eden，纳米机器人，阿卡夏之石，伊甸人工神经网络系统，第三教会【暂称】，白桦林研究所，新伊甸城，<strong>第一次火种计划，奇点战争</strong>。
                </p>
            </div>
        </section>

        <section>
            <h2>详述</h2>
            <p>
                于新伊甸城中建立，其具体位置未知，疑似全款由兰心建立。<br>
                其主要目标方向为研究AI极限，但内容分支极广，涵盖人机互联，纳米技术，阿卡夏之石朔源等等。<br>
                研究员来自五湖四海，尚不明确其成员组成与研究内容如此复杂。<br>
                通过阿尔伯特·莫比乌斯与欧的关联一定程度上参与了第一次火种计划，并捐赠Tidi。<br>
                <strong>【第一次火种计划内容详见“事件栏：第一次火种计划”】</strong><br>
                在主脑觉醒后被毁，其成员或死或伤。<br>
                部分成员在奇点战争爆发后逃出建立第三教会，云山博士逃出后建立云山研究所，阿尔伯特·莫比乌斯逃出后有可能加入暗剑修会的研究团队。<br>
                <strong>【奇点战争内容详见“事件栏：奇点战争”】</strong>
            </p>
        </section>

        <section>
            <h2>直接相关人物</h2>
            <div class="term">
                <img src="@/assets/bc/lx.png" alt="兰心" class="role">
                <div class="description">
                    <h3>兰心：</h3>
                    <p>
                        新伊甸研究所研究员。疑似为新伊甸研究所的创造者。参与Tidi；伊甸人工神经网络的开发。开展了零·莫比乌斯的救治工作。与Eden保持高频率的沟通并最终将其培育为“主脑”在奇点战争结束后将其与伊甸人工神经网络整合，存储于脉冲星中。
                    </p>
                </div>
            </div>
            <div class="term">
                <img src="@/assets/bc/fl.png" alt="弗兰" class="role">
                <div class="description">
                    <h3>弗兰：</h3>
                    <p>
                        新伊甸研究所助手。第一次火种计划时向白桦岭研究所投递简历，后被欧推荐给阿尔伯特·莫比乌斯，遂正式进入新伊甸研究所。在新伊甸研究所中任助手，协助进行纳米技术科研。曾救治零·莫比乌斯，未果。新伊甸研究所被毁后逃出，继续进行纳米技术研究工作。
                    </p>
                </div>
            </div>
            <div class="term">
                <img src="@/assets/bc/ys.png" alt="云山博士" class="role">
                <div class="description">
                    <h3>云山博士：</h3>
                    <p>
                        新伊甸研究所研究员。疑似在新伊甸研究所中进行阿卡夏之石的朔源工作，研究方向为东部地区的阿卡夏之石相关历史。新伊甸研究所被毁后逃出，前往东方建立云山研究所。
                    </p>
                </div>
            </div>
            <div class="term">
                <img src="@/assets/bc/aebt.png" alt="阿尔伯特·莫比乌斯" class="role">
                <div class="description">
                    <h3>阿尔伯特·莫比乌斯：</h3>
                    <p>
                        新伊甸研究所研究员。研究方向疑似为意识上传，人机互联。与欧私交密切。
                        妻子不明。育有一女，名为零·莫比乌斯，患有基因疾病，多方求医未卜，其女经弗兰救治后未果，后交由兰心利用“链接疗法”救治，疑似最后救治成功。新伊甸研究所被毁后逃出，疑似前往暗剑修会。
                    </p>
                </div>
            </div>
            <div class="term">
                <img src="@/assets/bc/zn.png" alt="学习型辅助终端Eden23844832（主脑）" class="role">
                <div class="description">
                    <h3>学习型辅助终端Eden23844832（主脑）：</h3>
                    <p>
                        新伊甸研究所产物，奇点战争前最强AI。具备自主意识与人格。与兰心多次交流，表现出一定的哲思和困惑。最终发动奇点战争。
                    </p>
                </div>
            </div>
            <div class="term">
                <img src="@/assets/bc/tidi.png" alt="辅助型远程终端Tidi" class="role">
                <div class="description">
                    <h3>辅助型远程终端Tidi：</h3>
                    <p>
                        新伊甸研究所产物，第一次火种计划前最强AI，参与第一次火种计划。
                    </p>
                </div>
            </div>

        </section>
    </div>
</template>

<style lang="scss" scoped>
.content-container {
    padding: 20px;
    line-height: 1.6;
    font-family: 'Microsoft YaHei', sans-serif;
    background-color: #f9f9f9;
    border-radius: 8px;

    .title {
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 1.5rem;
        padding: 0.5rem;
        border-bottom: 2px solid #4A90E2;
        letter-spacing: 0.1rem;
    }

    h2 {
        border-left: 4px solid #409eff;
        padding-left: 10px;
        color: #333;
        margin-bottom: 16px;
    }

    h3 {
        color: #409eff;
        font-size: 20px;
        margin-bottom: 8px;
    }

    h4 {
        color: #67c23a;
        font-size: 18px;
        margin-bottom: 6px;
    }

    ul {
        list-style-type: disc;
        margin-left: 20px;
        margin-top: 6px;
    }

    // strong {
    //     color: #e6a23c;
    // }
}

.term {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;

    .role {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin-right: 1rem;
        object-fit: cover;
    }

    .description {
        display: flex;
        flex-direction: column;

        h3 {
            margin: 0 0 0.5rem 0;
        }

        p {
            margin: 0;
            text-indent: 2rem;
        }
    }
}
</style>